<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%--使用taglib 引入标签库--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="renderer" content="webkit">
    <title></title>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/pintuer.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/admin.css">
    <script src="<%=request.getContextPath()%>/js/jquery.js"></script>
    <script src="<%=request.getContextPath()%>/js/pintuer.js"></script>
</head>
<body>
<form method="post" action="list" id="listform">
    <div class="panel admin-panel">
        <div class="panel-head"><strong class="icon-reorder"> 用户列表</strong> <a href="" style="float:right; display:none;">添加字段</a></div>
        <div class="padding border-bottom">
            <ul class="search" style="padding-left:10px;">
                <li> <a class="button border-main icon-plus-square-o" href="input"> 添加用户</a> </li>
                <li>搜索：</li>

                <li>
                    <input type="text" placeholder="请输入搜索关键字" name="keyword" class="input" style="width:250px; line-height:17px;display:inline-block" />
                    <a href="javascript:void(0)" class="button border-main icon-search" onclick="changeSearch()" > 搜索</a></li>
            </ul>
        </div>
        <table class="table table-hover text-center">
            <tr>
                <th >ID</th>
                <th >用户名</th>
                <th>姓名</th>
                <th>密码</th>
                <th>用户类型</th>
                <th>操作</th>
            </tr>
            <%--使用JSTL标签库的迭代标签输出userlist集合的元素--%>
            <c:forEach var="item" items="${userlist}" >

            <tr>
                <td >ID</td>
                <td >${item.userid}</td>
                <td>${item.username}</td>
                <td>${item.password}</td>
                <td><c:choose>
                     <c:when test="${item.type==1}">
                         管理员
                     </c:when>
                    <c:otherwise>
                        普通用户
                    </c:otherwise>
                </c:choose>
                </td>
                <td><div class="button-group">
                    <c:choose>
                        <c:when test="${item.type==1}">
                            <a class="button border-main" href="javascript:alert('不能修改管理员！')"><span class="icon-edit"></span> 修改</a>
                        </c:when>
                        <c:otherwise>
                            <a class="button border-main" href="getUser?id=${item.userid}"><span class="icon-edit"></span> 修改</a>
                        </c:otherwise>

                    </c:choose>
                    <c:choose>
                        <c:when test="${item.type==1}">
                            <a class="button border-red" href="javascript:alert('不能删除管理员！')" ><span class="icon-trash-o"></span> 删除</a>
                        </c:when>
                        <c:otherwise>
                            <a class="button border-red" href="delete?id=${item.userid}" ><span class="icon-trash-o"></span> 删除</a>
                        </c:otherwise>
                    </c:choose>
                </div></td>
            </tr>
            </c:forEach>
        </table>
        <!--分页-->
        <div class="pagelist">
         <a href="">上一页</a> <span class="current">1</span>
         <a href="">2</a><
         a href="">3</a><a href="">下一页</a><a href="">尾页</a> </div>
    </div>
</form>
<script type="text/javascript">
function changeSearch(){
    $("#listform").submit();
}
</script>
</body>
</html>